<!DOCTYPE html>
<html>
<head>
<title>浏览相片</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="../css/common.css" rel="stylesheet"/>
<link rel="icon" href="../img/fav.ico" type="image/x-icon" />
<style type="text/css">
</style>
</head>
<body>
<!--
<div style="text-align:center;background:#F8AA00;line-height:45px;height:45px;font-size:16px;font-weight:bolder;color:#fff;letter-spacing:5px;">
<span style="display:inline-block;background:url('../img/ico.png') no-repeat 0 0;width:18px;height:36px;"></span>
<span style="">登录</span>
<span style="display:inline-block;background:url('../img/ico.png') no-repeat 0 -36px;width:18px;height:36px;"></span>
</div>-->
<div style="background:#fff;">
	<img src="../img/logo.jpg" width="100%"/>
</div>

<div class="photo">
	<ul>
		<li>
		<img src="../img/loading.png" data-src="../img/1.jpg"/>
		</li>
		<li>
		<img src="../img/loading.png" data-src="../img/2.jpg"/>
		</li>
		<li>
		<img src="../img/loading.png" data-src="../img/3.jpg"/>
		</li>
		<li>
		<img src="../img/loading.png" data-src="../img/4.jpg"/>
		</li>
		<li>
		<img src="../img/loading.png" data-src="../img/5.jpg"/>
		</li>
		<li>
		<img src="../img/loading.png" data-src="../img/6.jpg"/>
		</li>	
		<li>
		<img src="../img/loading.png" data-src="../img/7.jpg"/>
		</li>		
	</ul>
</div>

<div id="pic_show" class="pic_show">
<div class="close_view" id="close_view"><i class="ico_close"></i><span id="guanbi" class="guanbi">关闭</span></div>
 <div id="slider_test" class="swipe_test">
	  <div class="swipe_wrap_test">
		<div><img src="../img/1.jpg"/></div>
		<div><img src="../img/2.jpg"/></div>
		<div><img src="../img/3.jpg"/></div>
	  </div>
	</div>
	
  <div class="nav">
    <span id="current">1</span><span>/</span><span id="total">7</span>
  </div>
</div>




<div class="copyright">
	©copyright 爱探索国际教育机构 
</div>
</body>
</html>
<!--
    引入sea.js 放置于此
-->
<script
    src="../js/swipe.js"></script>	
<script
    src="../js/photo.js"></script>